﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>找回密码</title>
	<style>
		*{margin:0;padding:0;}
		body{background:#f0f0f0;font-family:"微软雅黑";}
		.regist-div{text-align: center;padding-bottom:20px;}
		.bge37c{background:#37c7b7;color:#fff;}
		.vert{vertical-align:middle;}
		.l{float:left;}
		.r{float:right;}
		.hide-clear{display: hidden;clear: both;}
		.wid90{width:90%;}
		.wid80{width:80%;}
		.f0f{color:#00000;}
		.f4f{color:gray;}
		.regist-form .inputs{
			text-align: left;
			background:#fff;
			margin:0 auto;
			margin-top:20px;
			height:50px;
			line-height:50px;	
		}
		.regist-form .verif-div{
			margin:0 auto;
		}
		.regist-form input{
			width:80%;
			border:none;
			outline:none;
			font-size:16px;
			letter-spacing:2px;
		}
		.regist-form .inputs img{
			margin-left:5px;
		}
		.regist-form input:focus{
			outline:none;
		}
		.regist-form .regist-input{
			height:50px;
			line-height: 50px;
			border-radius: 5px;
			margin-top:20px;
			margin-bottom:20px;
			font-size:28px;
		}
		.regist-form .verif-input{
			width:50%;
			font-size:6;
		}
		.regist-form .verif-input input{
			width:65%;
		}

		.regist-form .btn-verif{
			width:45%;
			height:50px;
			line-height:50px;
			margin-top: 20px;
			text-align: center;
			border-radius:5px;
			font-size:16px;
		}
	</style>
</head>
<body>
	<div class="regist-div">
		<form class="regist-form" action="">
			<div class="tel-input inputs wid90">
				<img class="vert" src="./images/tel.png" alt="">
				<input class="vert" type="tel" placeholder="输入手机号码">
			</div>
			<div class="verif-div wid90">
				<div class="verif-input inputs l">
					<img class="vert" src="./images/verif.png" alt="">
					<input class="vert" type="text" placeholder="请输入验证码">
				</div>
				<div class="r btn-verif bge37c">
				获取验证码
				</div>
			</div>
			<div class="hide-clear"></div>
			<div class="pwd-input inputs wid90">
				<img class="vert" src="./images/pwd.png" alt="">
				<input class="vert" type="password" placeholder="请输入密码">	
			</div>
			<div class="pwd-input inputs wid90">
				<img class="vert" src="./images/pwd.png" alt="">
				<input class="vert" type="password" placeholder="再次确定密码">	
			</div>
				<input class="bge37c regist-input wid80" type="submit" value="找回密码">
		</form>
	</div>
</body>
</html>